<template>
  <div>
    <div class="style2-actions clearfix mgt10">
      <div class="style2-actions-title">我的服务</div>
      <!-- <div @click="Jump('nextLevelAgency')" v-if="dlsInfo.show_dl_agencies" class="action">
        <span class="icon-action icon3_8"></span>
        <span class="title">{{dlsInfo.ftitle_agencies}}</span>
      </div> -->
      <!-- <div @click="Jump('nextLevelAgencyUser')" v-if="dlsInfo.show_dl_agency_user" class="action">
        <span class="icon-action icon3_2"></span>
        <span class="title">{{dlsInfo.ftitle_agency_user}}</span>
      </div> -->
      <!-- <div @click="Jump('agencyOrder')" v-if="dlsInfo.show_dls_teamOrder" class="action">
        <span class="icon-action icon2_4"></span>
        <span class="title">{{dlsInfo.ftitle_agency_order}}</span>
      </div> -->
      <div @click="Jump('myCommission')" v-if="dlsInfo.show_dl_commission" class="action">
        <span class="icon-action icon2_9"></span>
        <span class="title">{{dlsInfo.ftitle_commission}}</span>
      </div>
      <!-- <div v-if="dlsInfo.show_dl_product" class="action" @click="Jump('dlsGoods')">
        <span class="icon-action icon2_2"></span>
        <span class="title">{{dlsInfo.agent_item_name}}</span>
      </div> -->
      <div
        @click="Jump('store')"
        v-if="!dlsInfo.is_app_open && dlsInfo.is_store_log == 1 && dlsInfo.show_myStore"
        class="action"
      >
        <span class="icon-action icon2_11"></span>
        <span class="title">{{dlsInfo.ftitle_store}}</span>
      </div>
      <div @click="Jump('dlsRecommend')" v-if="dlsInfo.show_dls_levelSubcontractor" class="action">
        <span class="icon-action icon2_17"></span>
        <span class="title">推荐列表</span>
      </div>
      <div @click="Jump('dlsYeJi')" v-if="dlsInfo.show_dls_teamPerformance" class="action">
        <span class="icon-action icon2_22"></span>
        <span class="title">团队业绩</span>
      </div>
      <div
        @click="Jump('director')"
        v-if="dlsInfo.show_dls_superior && dlsInfo.superior_user_id_info != 0"
        class="action"
      >
        <span class="icon-action icon2_13"></span>
        <span class="title">{{dlsInfo.ftitle_superior}}</span>
        <span class="subtitle">{{dlsInfo.superior_user}}</span>
      </div>
      <div
        @click="Jump('parentInfo',{id:dlsInfo.dls_parent_id,name:dlsInfo.user_dls_info,type:'dls',grade:dlsInfo.dls_grade || ''})"
        v-if="dlsInfo.show_dls_superior_agent && dlsInfo.dls_is_display"
        class="action"
      >
        <span class="icon-action icon2_24"></span>
        <span class="title">{{dlsInfo.ftitle_dls_superior}}</span>
        <span class="subtitle">{{dlsInfo.user_dls_info}}</span>
      </div>
      <div @click="Jump('dlsGlj')" v-if="dlsInfo.is_dls_team_bonus" class="action">
        <span class="icon-action icon2_23"></span>
        <span class="title">团队管理业绩</span>
      </div>
      <div @click="Jump('DlsSalesSort')" v-if="dlsInfo.show_dls_orderRanking" class="action">
        <span class="icon-action icon2_25"></span>
        <span class="title">出单量排行</span>
      </div>
      <!-- 定制  三亚云游世界 start -->
      <div
        @click="Jump('dlsLowersCommissionCountLists')"
        v-if="dlsInfo.syyysj_dz == 1"
        class="action"
      >
        <span class="icon-action icon3_9"></span>
        <span class="title">下级收益统计</span>
      </div>
      <div @click="Jump('dlsSelfBuildPrizeDetail')" v-if="dlsInfo.syyysj_dz == 1" class="action">
        <span class="icon-action icon3_1"></span>
        <span class="title">奖励详情</span>
      </div>
      <!-- 定制  三亚云游世界 end -->
      <div @click="Jump('shareSelect')" v-if="dlsInfo.common_center_renovation_parameter.showShareLinkDls" class="action">
        <span class="icon-action icon20_1_fx"></span>
        <span class="title">万能链接</span>
      </div>
      <!-- 视频号数据 -->
      <div @click="Jump('venderOrder', {type: 'live'})" class="action" v-if="dlsInfo.show_video_num_data_dls">
        <span class="icon-action icon_sphsj"></span>
        <span class="title">视频号数据</span>
      </div>
      <div @click="Jump('dlsCard')"
           class="action"
           v-if="dlsInfo.show_dls_share_card">
        <span class="icon-action icon2_16"></span>
        <span class="title">我的名片</span>
      </div>
      <!-- 自定义项 -->
      <div v-if="dlsInfo.dataset_dls && dlsInfo.dataset_dls.length>0"
            v-for="(item,index) in dlsInfo.dataset_dls"
            :key="index"
            class="action">
        <a @click="JumpUrl(item.link)">
          <span class="icon-action"
                :style="{backgroundImage: 'url('+item.pic+')',backgroundSize:'cover'}"></span>
          <span class="title">{{item.showtitle}}</span>
        </a>
      </div>
    </div>
  </div>
</template>

<script>
import Vue from 'vue'
import { openPage } from '@/utils/utils.js'
export default Vue.extend({
  props: {
    dlsInfo: {
      type: Object
    },
    link: {
      type: Boolean,
      default: false
    }
  },
  methods: {
    Jump(url, data) {
      this.$JumpPath(this, url, data)
    },
    JumpUrl(url) {
      openPage(url)
    },
    _show_qrcode() {
      this.$emit('showQrcode')
    }
  }
})
</script>

<style lang="scss">
@import 'src/styles/user/index.scss';
</style>
